Using Cascading Style Sheets > Defining style properties > Font properties
 		><

Font properties


The Font tab of the CSS Selector Inspector lets you define a font family and make font style settings, including color, font size, and line height.

A. Font text box B. Moves selected font in the list C. Font Set pop-up menu D. Font pop-up menu

To edit the font properties of a style:

1 Select a style in the Style Sheet window, and click the Font tab () in the CSS Selector Inspector.

2 Choose a font color from the Color pop-up menu, or drag in a selection from the Web Color List tab () of the Color palette to set the foreground color property.

3 Enter a font size in the Size text box, choose an absolute, relative, length unit, or a percentage from the Units pop-up menu, and press Enter.

4 Enter a number in the Line Height text box. Line height is the distance between the baselines of two adjacent lines of text. Select a unit (use percent to maintain scalability) from the Units pop-up menu, and press Enter.

5 Choose a font style from the Style pop-up menu. Choose Unchanged to keep an element's current font style unchanged when the new style sheet is applied.

6 Choose a font weight from the Weight pop-up menu. Values 100-300 are lighter than normal, and values 500 to 900 are heavier than normal. Lighter and Bolder apply font weights that are relative to the weight inherited from the parent element. Unchanged keeps an element's current font weight unchanged when the new style sheet is applied.

7 Choose the style's preferred font family and alternate font families to use if the font is not available on the Web viewer's computer. To add font families to the Font Family list, do one of the following:
  • Choose a font set from the font set pop-up menu.
  • Click New, and choose a font from the font pop-up menu; or type a font name, and press Enter.
  • To change the order of preference, select an entry from the list, and use the Up and Down buttons to shift the selection.

    • The first available font family in the list will be used by the browser. If none of the listed fonts is available on the viewer's system, a font that matches a listed font specification is used.

    See Setting language and font preferences for instructions on setting default fonts for these general specifications.

    8 Select font properties in the Decoration section to set a text-decoration property.

    Using Cascading Style Sheets > Defining style properties > Font properties